@charset "utf-8";
/* CSS Document */

/*estilo de la animacion en el index*/
#animacion
{
	position:relative;
	width:1350px;
	height:600px;
	/*left:-56px; A la derecha deje un espacio de 0px*/
	/*right:50px; /*A la izquierda deje un espacio de 0px*/
	/*bottom:5px; /*Abajo deje un espacio de 0px*/
	/*height:10px; /*alto del div*/
	/*width: 300px;*/
}
<<<<<<< .mine
=======
#FndYnnova{
	visibility:hidden;
	top:0px;
	height:0px;
	position:absolute;
	background:url(fondo-modal.png);
	-moz-border-radius:45px 15px 45px 15px;
	z-index:1000;
	text-align:center;
}

>>>>>>> .r15

#formRegisProvee
{
	width:500px;
	height:450px;
	background:#FFFFFF;
	padding:10px;
	margin-top:40px;
	margin-left: 440px;
	-moz-border-radius:15px 55px 5px;
	-webkit-border-radius: 15px 55px 5px;
	border:solid #999999 1px;
	z-index:1010;
}

#contenedor
{
	max-width:1340px;
	height:610px;
}

/*estilo del div del inicio*/
.inicio
{
	background-color:#FAAC58;
	border-radius: 45px;
	border-radius: 45px;
	border-radius: 45px;
	position:absolute;
	left:900px;
	right:300px;
	width:320px;
	
	top:50px;
	color: #173B0B;
	height: 290px;
    z-index: 2;
    box-shadow:  7px 7px 30px rgba(0,0,0,0.89);
  

}
/*Estilo de la tabla de inicio de sesion*/
.inicio table
{
   padding:10px 6px 5px 8px;
   margin:auto;
   position:absolute;
   margin-left:10px;
   margin-top:20px;
   font-size:18px;
   font-family:Arial;
   font-weight:normal;
   border-collapse: separate;
   border-spacing:  10px;
}

.inicio input
{
   border-radius:4px;
   width: 150px;

}

.inicio p
{
	text-align: center;
	margin-bottom: 20px;

}

/*Boton inicio de Sesión*/
.botonVerde 
{
   /*-moz-box-shadow:inset 0px 1px 0px 0px #caefab;*/
   box-shadow:inset 0px 1px 0px 0px #caefab;
   box-shadow:inset 0px 1px 0px 0px #caefab;
   background:gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
   background:linear-gradient( center top, #77d42a 5%, #5cb811 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
   background-color:#77d42a;
   border-radius:9px;
   border-radius:9px;
   border:1px solid #268a16;
   display:inline-block;
   color:#306108;
   font-family:arial;
   font-size:15px;
   font-weight:bold;
   padding:6px 24px;
   text-decoration:none;
   text-shadow:1px 1px 0px #aade7c;
   margin-top:180px;

}
.botonVerde:hover 
{
   background:gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
   background:linear-gradient( center top, #5cb811 5%, #77d42a 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
   background-color:#5cb811;
}
.botonVerde:active 
{
   position:relative;
   top:1px;
}


input 
{

   /* background-image:url(../imagenes/Banner.png);*/
	border-radius:4px;
	margin-top:10px;
}

/*Div header banner*/

header
{
	position: relative;
	background-image: url(../imagenes/Banner.png);
	background-repeat: no-repeat;
	width: 1340px;
    height: 300px;
   left:0px;

}

/*estilo del link cerrar*/
.cerrarsesion
{
	text-align: right;
	background:#FE9A2E;
	width:100%;
	margin-left: 0px;
	margin-top:0px;
	position:fixed; 
	right:0px; 
	top:0px; 
	z-index:10 ;

}

/*Div contenedor */
#contenedorPag
{   position: relative;
	width:1340px;
	height:610px;

}
#animacionmenu
{
    position:absolute;
	left:20px; /*A la derecha deje un espacio de 0px*/
	right:10px; /*A la izquierda deje un espacio de 0px*/
	/*bottom:5px; /*Abajo deje un espacio de 0px*/
	/*height:670px; /*alto del div*/
	/*width: 800px;*/
	margin: 15px auto 0 auto;

}



.tabla
{
	box-shadow:10px 10px 10px  rgba(0,0,0,0.5);
	border:1px;
	margin:0 auto;
	width:60%;
	border-color: #390;
	background:#FACC2E;
	margin-top:50px;
	
}

.tabla tr td
{ 
	border: 10px;
	padding: 5px;
	width:60%;
	height:60%;
	margin-left:0px;

}

.tabla tr:nth-child(2n)
{
	background:#FACC2E;
}
.tabla tr:nth-child(2n):hover
{
	background:#390;
	color:#FFF;
}
.tabla input
{
   border-radius:4px;
   width: 150px;
}
.tabla label
{
 width: 150px;
 text-align: left;
 
}


/*estilo del footer del  pie de pagina*/
footer
{
	position:relative;
	margin-top:0px;
	margin-left: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:center;
	width:100%;
	display:block;
	color:#FFF;
	padding-bottom::90px;
	background: #75C54D;
    left: -1px;
	position:absolute;
    bottom:0;
    width:100%;
    height:70px;
}
/*estilo del div del pie de pagina*/
.piePag
{
	/*background: #390;*/
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#82FA58;
	padding: 3px;
	text-align: center;
	overflow: auto;
	font-size:10px;

}
	

.pie 
{
   
   background-image: url(../imagenes/logoSena.png);
   background-repeat: no-repeat;
   webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   position:relative;
   width: 67px;
   height: 56px;
   z-index: 90;
   left: 15px;
}

.pieCu
{
   
   background-image: url(../imagenes/logoCustom.png);
   background-repeat: no-repeat;
   webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   position:relative;
   width: 100px;
   height: 60px;
   z-index: 90;
   
}

	
.piePaginas
{
	background: #75C54D;
	
	position: relative;
	left: 0px;
	bottom: 0px;
	width: 99.9%;
	height:60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#82FA58;
	padding: 3px;
	text-align: center;
	overflow: auto;
	font-size:10px;

}
	
.piePaginas footer
{
	position:relative;
	margin-top:0px;
	margin-left: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:center;
	width:100%;
	display:block;
	color:#FFF;
	padding-bottom::90px;
	/*background: #75C54D;*/
    left: -1px;
	position:absolute;
    bottom:0;
    width:10%;
    height:70px;
    z-index:10;
	
}



/*botones*/
.boton 
{
	-moz-box-shadow:inset -5px 0px 0px -20px #fce2c1;
	-webkit-box-shadow:inset -5px 0px 0px -20px #fce2c1;
	box-shadow:inset -5px 0px 0px -20px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border:2px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
}
.boton:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.boton:active {
	position:relative;
	top:1px;
}


/*//////////////////////////*/


  /*Tablas de registro*/
	.registrar
	{
	width:400px;
	border-collapse:collapse;
	border:1px solid #FFCA5E;}
	
	.registrar table
	{
	border-collapse: collapse;
	text-align: left; 
	width: 100%;
	}
	.registrar 
	{
	font: normal 12px/150% Arial, Helvetica, sans-serif;
	background: #fff;
	overflow: hidden; 
	border: 1px solid #45963A;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border-radius: 3px;
    }


.registrar 
{
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #020202;
	
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}
.registrar table
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
.registrar tr:last-child td:last-child 
{
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
}
.registrar table tr:first-child td:first-child
 {
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}
.registrar table tr:first-child td:last-child 
{
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
}
.registrar tr:last-child td:first-child
{
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
}
.registrar tr:hover td
{
	background-color:#ffffff;
		

}
.registrar td
{
	vertical-align:middle;
	
	background-color:#ffffff;

	border:0px solid #020202;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:6px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
.registrar tr:last-child td
{
	border-width:0px 1px 0px 0px;
}
.registrar tr td:last-child
{
	border-width:0px 0px 1px 0px;
}
.registrar tr:last-child td:last-child
{
	border-width:0px 0px 0px 0px;
}
.registrar tr:first-child td
{
	background:-o-linear-gradient(bottom, #007f3f 5%, #03aa03 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007f3f), color-stop(1, #03aa03) );
	background:-moz-linear-gradient( center top, #007f3f 5%, #03aa03 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#007f3f", endColorstr="#03aa03");	
	background: -o-linear-gradient(top,#007f3f,03aa03);

	background-color:#007f3f;
	border:0px solid #020202;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-weight:bold;
	color:#ffffff;
}
.registrar tr:first-child:hover td
{
	background:-o-linear-gradient(bottom, #007f3f 5%, #03aa03 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007f3f), color-stop(1, #03aa03) );
	background:-moz-linear-gradient( center top, #007f3f 5%, #03aa03 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#007f3f", endColorstr="#03aa03");	
	background: -o-linear-gradient(top,#007f3f,03aa03);

	background-color:#007f3f;
}
.registrar tr:first-child td:first-child
{
	border-width:0px 0px 1px 0px;
}
.registrar tr:first-child td:last-child
{
	border-width:0px 0px 1px 1px;
}
/*estilo del campo valido*/
.valido
{
	border-color:#093;
	background-color:#6F6;
}
/*estilo del campo invalido*/
.invalido
{
	border-color:#900;
}

#cssmenu
{
	width:20%;
	float:left;
}
/*estilo de div llamdo con ajax*/
#contenido
{
	width:40%;
	float:left;
	margin-top:20px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: 170px;
}

/*estilo del div para centrar*/
#centro
{

	position: absolute;
	top: 70%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 35%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 600 px; /* Definimos el ancho del objeto a centrar */
	height: 400px; /* Definimos el alto del objeto a centrar */
	margin-top: -200px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -300px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}

#cssmenu > ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#cssmenu > ul
 {
	display: block;
	position: relative;
	width: 150px;
}

/* The list elements which contain the links */
#cssmenu > ul li 
{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 150px;	
}

/* General link styling */
#cssmenu > ul li a 
{
/* Layout */
	display: block;
	position: relative;
	margin: 0;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #d9d9d9;
	padding: 11px 20px;
	width: 110px;

	/* Typography */
	font-family:  Helvetica, Arial, sans-serif;
	color: #8A4B08;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #fff;
	font-size: 13px;
	font-weight: 300;

/* Background & effects */
	background: #eaeaea;
}

		/* Rounded corners for the first link of the menu/submenus */
#cssmenu > ul li:first-child>a
 {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top: 0;
}

/* Rounded corners for the last link of the menu/submenus */
#cssmenu > ul li:last-child>a {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 0;
}


/* The hover state of the menu/submenu links */
#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a
 {
	color:#2B7B0F;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
	background: #FE9A2E;
	background: -webkit-linear-gradient(bottom, #FE9A2E, #FACC2E);
	background: -ms-linear-gradient(bottom, #54cdf1, #74d7f3); 
	background: -moz-linear-gradient(bottom, #54cdf1, #74d7f3);
	background: -o-linear-gradient(bottom, #54cdf1, #74d7f3);
	border-color: transparent;
}

/* The arrow indicating a submenu */
#cssmenu > ul .has-sub>a::after
 {
	content: '';
	position: absolute;
	top: 16px;
	right: 10px;
	width: 0px;
	height: 0px;

	/* Creating the arrow using borders */
	border: 4px solid transparent;
	border-left: 4px solid #FACC2E; 
}

/* The same arrow, but with a darker color, to create the shadow effect */
#cssmenu > ul .has-sub>a::before
 {
	content: '';
	position: absolute;
	top: 17px;
	right: 10px;
	width: 0px;
	height: 0px;

	/* Creating the arrow using borders */
	border: 4px solid transparent;
	border-left: 4px solid #fff;
}

/* Changing the color of the arrow on hover */
#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after 
{
	border-left: 4px solid #FE9A2E;
}

#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before
{
	border-left: 4px solid rgba(0, 0, 0, .25);
}


.capa
{
	width:600px;
	text-align: left;
	margin-left:25%;
	}

/* THE SUBMENUS */
#cssmenu > ul ul
 {
	position: absolute;
	left: 150px;
	top: -9999px;
	padding-left: 5px;
	opacity: 0;
	/* The fade effect, created using an opacity transition */
	-webkit-transition: opacity .3s ease-in;
	-moz-transition: opacity .3s ease-in;
	-o-transition: opacity .3s ease-in;
	-ms-transition: opacity .3s ease-in;
}

/* Showing the submenu when the user is hovering the parent link */
#cssmenu > ul li:hover>ul
 {
	top: 0px;
	opacity: 1;
}

#fondo
{
	background-image:url(../imagenes/fondoZanah.jpg);
}
.recordar
{
	background-color:#FE9A2E;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	position:absolute;
	left:487px;
	right:300px;
	width:306px;
	right:600px;
	top:0px;
	color: #173B0B;
	height: 172px;
	
}
/*.todo fieldset
{
	width: 700px;
	background-color: white;
}
fieldset
{
	color: blue;
	background-color: orange;
}
select
{
	width: 155px;
	height: 23px;
}
<<<<<<< .mine
=======
.piePaginas
{   
	color:black;
    border-width:800px;
    width:auto;
    display:inline-block;
    background-color: orange;

}*/>>>>>>> .r15
